// pages/topic/topic.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    lx_name:'顺序练习',
    topics: { "id": "2561", "question": "如图所示，机动车在这种道路上行驶，在道路中间通行的原因是什么?", "a": "在道路中间通行速度快", "b": "在道路中间通行视线好", "c": "给两侧的非机动车和行人留有充足的通行空间", "d": "防止车辆冲出路外", "ta": "1234", "imageurl": "http://img.58cdn.com.cn/dist/jxedt/app/static/img/kaoshi_p/11121.jpg", "bestanswer": "图中是没有中心线的道路，在中间行驶是为了给两侧的非机动车和行人流出充足的通行空间。", "bestanswerid": "2844021", "Type": "3", "options": "A:在道路中间通行速度快, B:在道路中间通行视线好, C:给两侧的非机动车和行人留有充足的通行空间, D:防止车辆冲出路外" },
    topic_num:1, 
    ret:null,
    answer:null,
    disabled: '',
    true_num: 0,
    false_num: 0,
    showView: false,
    select_ret: null,
    is_submit: true,
  },

  radiochange: function (e) {
    // console.log("单选框", e.detail.value)
    // console.log(this.data.topics.ta)
    this.setData({
      disabled: true,
     
    })
    this.explain(e);
  },

  checkboxchange: function (e) {
    console.log("复选框", e.detail.value)
    this.setData({
      select_ret: e.detail.value,
    })
  },

  explain: function (e) {
    if (e.detail.value == this.data.topics.ta) {
      this.setData({
        ret: '正确',
        true_num: this.data.true_num+=1,
      })
    } else {
      this.setData({
        ret: '错误',
        false_num: this.data.false_num += 1,
      })
      if (this.data.topics.ta == '1') {
        this.setData({
          answer: 'A',
        })
      } else if (this.data.topics.ta == '2') {
        this.setData({
          answer: 'B',
        })
      } else if (this.data.topics.ta == '3') {
        this.setData({
          answer: 'C',
        })
      } else {
        this.setData({
          answer: 'D',
        })
      }
    }
  },

  onChangeShowState: function () {
    this.setData({
      showView: (!this.data.showView)
    })
  },

  checkboxSubmit: function(){
    if (this.data.is_submit == true ) {
      var ret_list = this.data.select_ret;
      var ret_ta = this.data.topics.ta;
      var ret_answer = "";
      judge:
      for (var i in ret_ta) {
        if (i in ret_list) {
          console.log("正确")
          this.setData({
            ret: '正确',
          })
        } else {
          console.log("错误")
          this.setData({
            ret: '错误',
            false_num: this.data.false_num += 1,
          })
          let ret_dict = { '1': 'A', '2': 'B', '3': 'C', '4': 'D' };
          for (var i in ret_ta) {
            console.log(ret_dict[ret_ta[i]])
            ret_answer += ret_dict[ret_ta[i]];
          }
          this.setData({
            answer: ret_answer,
          })
          break judge;
        }
      }
      this.setData({
        disabled: true,
        is_submit: false,
      })
      if (this.data.ret == '正确') {
        this.setData({
          true_num: this.data.true_num += 1,
        })
      }
      this.onChangeShowState();
      
    } else{
      console.log('拒绝提交')
    } 
   
    
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // this.setData({
    //   km: options.
    // })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})